Adwaita: close button for infobar, searchbar
authorJakub Steiner <jimmac@gmail.com>
Thu, 1 Oct 2020 11:13:10 +0000 (13:13 +0200)
committerJakub Steiner <jimmac@gmail.com>
Thu, 1 Oct 2020 11:14:25 +0000 (13:14 +0200)
fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/3215

gtk/theme/Adwaita/_common.scss

index 56e0a8d2771e4398f522e31ac8f3fe20493ca23e..7eeb712855133bf1e8c5bc2f138fbb1eee95f252 100644 (file)
@@ -1343,6 +1343,45 @@ searchbar > revealer > box {
   }
 }
 
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  > revealer > box {
+    padding: 8px;
+    border-spacing: 12px;
+  }
+
+  &.action:hover > revealer > box {
+      background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%),
+                        desaturate(darken(invert($selected_bg_color), 42%), 70%));
+  }
+
+  &.info,
+  &.question,
+  &.warning,
+  &.error {
+    > revealer > box {
+      border-bottom: 1px solid lighten($borders_color, 5%);
+      background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%),
+                        desaturate(darken(invert($selected_bg_color), 40%), 70%));
+    }
+  }
+}
+
+   //close button for info and searchbar (#3215)
+
+   infobar .close,
+   searchbar .close {
+      @include button(undecorated);
+      min-width: 16px;
+      min-height: 16px;
+      padding: 4px;
+      border-radius: 50%;
+
+      &:hover { @include button(hover); }
+   }
+
 
 /*****************
  * Title buttons *
@@ -3622,33 +3661,6 @@ video {
   background: black;
 }
 
-/**************
- * GtkInfoBar *
- **************/
-infobar {
-  > revealer > box {
-    padding: 8px;
-    border-spacing: 12px;
-  }
-
-  &.action:hover > revealer > box {
-      background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%),
-                        desaturate(darken(invert($selected_bg_color), 42%), 70%));
-  }
-
-  &.info,
-  &.question,
-  &.warning,
-  &.error {
-    > revealer > box {
-      border-bottom: 1px solid lighten($borders_color, 5%);
-      background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%), 
-                        desaturate(darken(invert($selected_bg_color), 40%), 70%));
-    }
-  }
-}
-
-
 /************
  * Tooltips *
  ************/